<template>
  <div class="box">
    <div class="header">
      <router-link to="/index" tag="div" class="header-left">
        <span class="iconfont back-icon">&#xe624;</span>
      </router-link>
      <h3 class="h3">选择城市</h3>
     
    </div>
     <div class="header-input">
      <input type="text" class="ipt" placeholder="输入地点" />
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: ["headercity"],
  data() {
    return {};
  },
  mounted() {},
  methods: {},
  computed: {},
  watch: {},
  created() {},
};
</script>

<style lang='stylus' scoped>
.box
  background: #00bcd4;
.header
  width: 100%;
  height .8rem
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items center
.h3
  margin 0 auto
.header-input
  display flex
  justify-content space-around
  align-items center
  height .7rem
.ipt
  width 7rem
  height .5rem
  border-radius .2rem
  text-indent 1rem
</style>
